import "./index.less";

declare const $: any;

$(function () {
  $(window).on('scroll', function (e) {
    if (!$('.header').offset()) {
      return false
    }
    if ($('.header').offset().top - $(window).scrollTop() < 1) {
      $('.header').css({
        position: 'fixed'
      })
      $('.topmenu').css({
        marginTop: $(".header").innerHeight()
      })
    } else {
      $('.header').css({
        position: 'relative'
      })
    }
    if ($('.topmenu').offset().top - $(window).scrollTop() > $(".header").innerHeight()) {
      $('.header').css({
        position: 'relative'
      })
      $('.topmenu').css({
        marginTop: 0
      })
    }
  })

  $("#menu").on("click", function () {
    $('html, body').animate({
      scrollTop: Math.ceil($('.headernav').offset().top + $("#wap_ad_top").height())
    }, 10);
    if ($(".index-menu-wrap").height() == 0) {
      $(".index-menu-wrap").animate({
        height: "100vh"
      });
    }
    return false;
  })

  $(document).on("click", ".close-menu", function (e) {
    if ($(".index-menu-wrap").height()) {
      $(".index-menu-wrap").animate({
        height: 0
      });
    }
    return false;
  })
})